<template>
  <div id="aside">
    <div id="img">
      <img src="../assets/logo.png" alt="" />
    </div>

    <el-menu
      default-active="1-4-1"
      background-color="#545c64"
      text-color="#fff"
      router
    >
      <el-menu-item index="/Kucun">
        <i class="el-icon-menu"></i>
        <span slot="title">货物总库存</span>
      </el-menu-item>
      <el-menu-item index="/Dingdan">
        <i class="el-icon-document"></i>
        <span slot="title">总订单记录</span>
      </el-menu-item>
      <el-menu-item index="/Keshihua">
        <i class="el-icon-view"></i>
        <span slot="title">数据可视化</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script>

export default {
  name: 'Aside'
}
</script>
<style lang="less">
#aside{
  height: 100%;
  background-color: #545c64;
  #img{
    height: 60px;
    border-right: 1px solid #131414;
    text-align: center;
    img{
      width: 48px;
      height: 60px;
    }
  }
  .el-menu{
    margin-top: 20px;
    border: 0;
  }
}
</style>
